<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-100486036-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-100486036-1', {
            'linker': {
                'domains': ['horseen.com', 'es.horseen.com', 'zoosnet.net']
            }
        });


        window.addEventListener("message", function(e){
            let data = e.data;
            data = JSON.parse(data);
            let msg = data.message;
            let isFromIframe = e.origin.includes('dut.zoosnet.net');
            if(isFromIframe){
                if (msg === "CV_complete") {
                    gtag('event', 'send', {
                        'event_category': 'live chat'
                    });
                }
            }
        })
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <!--<script async src="https://www.googletagmanager.com/gtag/js?id=UA-100486036-1"></script>-->
    <!--<script>-->
        <!--window.dataLayer = window.dataLayer || [];-->
        <!--function gtag(){dataLayer.push(arguments);}-->
        <!--gtag('js', new Date());-->

        <!--gtag('config', 'UA-100486036-1');-->
    <!--</script>-->
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-N8TDJW2');</script>
    <!-- End Google Tag Manager -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="/favicon5.png">

    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <title><{if condition="isset($config.webname.cvalue)"}><{$config.webname.cvalue}><{/if}></title>
    <meta name="keywords" content="<{if condition="isset($config.webkeyword.cvalue)"}><{$config.webkeyword.cvalue}><{/if}>">
    <meta name="description" content="<{if condition="isset($config.webdescription.cvalue)"}><{$config.webdescription.cvalue}><{/if}>">
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/static/css/home.css" />
    <!--[if lt IE 9]>
    <script>
        document.createElement('video');
    </script>
    <script src="/static/js/html5shiv.min.js"></script>
    <script src="/static/js/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        <{php}>
            if($_SERVER['HTTP_HOST'] == 'ar.horseen.com'){
              echo "html{direction:rtl;}";
            }
        <{/php}>
        .start{
            <{php}>if(isset($config['index_banner_1']['cvalue']) && $config['index_banner_1']['cvalue']){ <{/php}>
            background-image:url(<{$config.index_banner_1.cvalue}>) !important;
            <{php}> } <{/php}>
        }
        video#bgvid{
            <{php}>if(isset($config['index_banner_1']['cvalue']) && $config['index_banner_1']['cvalue']){ <{/php}>
            background-image:url(<{$config.index_banner_1.cvalue}>) !important;
            <{php}> } <{/php}>
        }
        .product1{
            <{php}>if(isset($config['index_banner_2']['cvalue']) && $config['index_banner_2']['cvalue']){ <{/php}>
            background-image:url(<{$config.index_banner_2.cvalue}>) !important;
            <{php}> } <{/php}>
        }
        .product2{
            <{php}>if(isset($config['index_banner_3']['cvalue']) && $config['index_banner_3']['cvalue'] ){ <{/php}>
            background-image:url(<{$config.index_banner_3.cvalue}>) !important;
            <{php}> } <{/php}>
        }
        .product3{
            <{php}>if(isset($config['index_banner_4']['cvalue']) && $config['index_banner_4']['cvalue']){ <{/php}>
            background-image:url(<{$config.index_banner_4.cvalue}>) !important;
            <{php}> } <{/php}>
        }
        .product4{
            <{php}>if(isset($config['index_banner_5']['cvalue']) && $config['index_banner_5']['cvalue'] ){ <{/php}>
            background-image:url(<{$config.index_banner_5.cvalue}>) !important;
            <{php}> } <{/php}>
        }
        .product5{
            <{php}>if(isset($config['index_banner_6']['cvalue']) && $config['index_banner_6']['cvalue']){ <{/php}>
            background-image:url(<{$config.index_banner_6.cvalue}>) !important;
            <{php}> } <{/php}>
        }
        .product6{
            <{php}>if(isset($config['index_banner_1']['cvalue']) && $config['index_banner_7']['cvalue']){ <{/php}>
            background-image:url(<{$config.index_banner_7.cvalue}>) !important;
            <{php}> } <{/php}>
        }

    </style>
	<script src="https://s13.cnzz.com/z_stat.php?id=1272905241&web_id=1272905241" language="JavaScript"></script>
</head>
<body class="hommbody">
<div id="header" class="header-fixed">
    <div class="logo">
        <a href="#"><img src="/static/images/logo_index.png" alt="horse" style="width:150px;height:20px;" class="hidden-xs" />
            <img src="/static/images/logo_index.png" style="width:11rem;height:2rem;" alt="horse" class="visible-xs" /></a>
    </div>
    <!--主页的顶部导航栏-->
    <!-- Home | About | Product | Project | Download | Contact  -->
    <div class="menu">
        <div class="navigation pull-right hide">
        </div>
        <ul class="list-unstyled menu-ul">
            <li><a href="#"><{:lang('home')}></a></li>
            <li><a href="<{php}> echo $query->U('index/about/index',true);<{/php}>"><{:lang('about')}></a></li>
            <li><a href="<{php}>echo $query->U('index/product/syscat',true);<{/php}>"><{:lang('product')}></a></li>
            <li><a href="<{php}>echo $query->U('index/customer_case/index',true);<{/php}>"><{:lang('project')}></a></li>
            <li><a href="<{php}>echo $query->U('index/download/index',true);<{/php}>"><{:lang('download')}></a></li>
            <li><a href="<{php}>echo $query->U('index/contact/index',true);<{/php}>"><{:lang('contact')}></a></li>
            <li style="position:relative;">
                <a href="javascript:;" onclick="changeLanguage()" >
                    <{:lang('language')}>
                </a>
                <div style="position:absolute;border: 1px solid white;padding: 10px;left: 0;top: 25px; color: white;display:none;width:120px;" id="language_change">
                    <a href="https://es.horseen.com" style="margin-top:5px;" >Español</a>
                    <a href="https://www.horseen.com" style="margin-top:5px;display:inline-block;">English</a>
                    <a href="http://ar.horseen.com/" style="margin-top:5px;display:inline-block;"> اللغة العربية</a>
                    <a href="http://fr.horseen.com/" style="margin-top:5px;display:inline-block;">France</a>
                    <a href="http://ru.horseen.com/" style="margin-top:5px;display:inline-block;">Русский язык</a>
                    <a href="http://www.shhorse.com" style="margin-top:5px;display:inline-block;">中文</a>
                </div>
            </li>
        </ul>
        <div class="clear">
        </div>
    </div>
    <div class="clear">
    </div>
</div>
<div class="sidebar-wrapper">
    <i class="icon-toggle"></i>
    <div class="sidebar hidden-lg hidden-md hidden-sm">
        <div class="sidebar-title">
            <i class="left-arrow-icon"></i>
        </div>
        <div class="sidebar-content">
            <ul class="sidebar-menu list-unstyled">
                <li><a href="#"><{:lang('home')}></a></li>
                <li><a href="<{php}> echo $query->U('index/about/index',true);<{/php}>"><{:lang('about')}></a></li>
                <li><a href="<{php}>echo $query->U('index/product/syscat',true);<{/php}>"><{:lang('product')}></a></li>
                <li><a href="<{php}>echo $query->U('index/customer_case/index',true);<{/php}>"><{:lang('project')}></a></li>
                <li><a href="<{php}>echo $query->U('index/download/index',true);<{/php}>"><{:lang('download')}></a></li>
                <li><a href="<{php}>echo $query->U('index/contact/index',true);<{/php}>"><{:lang('contact')}></a></li>
            </ul>
        </div>
    </div>
</div>
<div id="container">
    <div class="sections">
        <div data-type="section" class="section start mask-bg">
            <div class="item video">
                <div class="product-inner">
                    <div class="text text-center">
                        <h1 id="text-h1"><{:lang('index_title_1')}> </h1>
                        <p><{:lang('index_desc_1')}></p>
                        <div class="btn center-block">
                            <a href="<{php}> echo $query->U('index/about/index',true);<{/php}>" class="white"><{:lang('index_button_1')}></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-type="section" class="section product1">
            <div class="item">
                <div class="product-inner">
                    <div class="text text-center">
                        <h1><{:lang('index_title_2')}></h1>
                        <p><{:lang('index_desc_2')}></p>
                        <div class="btn center-block">
                            <a href="<{php}> echo $query->U('index/product/syscat',true);<{/php}>" class="white"><{:lang('index_button_2')}></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-type="section" class="section product2">
            <div class="item">
                <div class="product-inner">
                    <div class="text text-center">
                        <h1><{:lang('index_title_3')}> </h1>
                        <p><{:lang('index_desc_3')}></p>
                        <div class="btn center-block">
                            <a href="<{php}> echo $query->U('index/service/network',true);<{/php}>" class="white"><{:lang('index_button_3')}></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-type="section" class="section product3">
            <div class="item">
                <div class="product-inner">
                    <div class="text text-center">
                        <h1><{:lang('index_title_4')}></h1>
                        <p><{:lang('index_desc_4')}></p>
                        <div class="btn center-block">
                            <a href="<{php}> echo $query->U('index/about/cooperation',true);<{/php}>" class="white"><{:lang('index_button_4')}></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-type="section" class="section product4">
            <div class="item">
                <div class="product-inner">
                    <div class="text text-center">
                        <h1><{:lang('index_title_5')}> </h1>
                        <p><{:lang('index_desc_5')}></p>
                        <div class="btn center-block">
                            <a href="<{php}> echo $query->U('index/service/index',true);<{/php}>" class="white"><{:lang('index_button_5')}></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-type="section" class="section product5">
            <div class="item">
                <div class="product-inner">
                    <div class="text text-center">
                        <h1><{:lang('index_title_6')}></h1>
                        <p><{:lang('index_desc_6')}></p>
                        <div class="btn center-block">
                            <a href="<{php}> echo $query->U('index/customer_case/index',true);<{/php}>" class="white"><{:lang('index_button_6')}></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       <!-- <div data-type="section" class="section product6">
            <div class="item">
                <div class="product-inner">
                    <div class="text text-center">
                        <h1><{:lang('index_title_7')}></h1>
                        <p><{:lang('index_desc_7')}></p>
                        <div class="btn center-block">
                            <a href="<{php}> echo $query->U('index/customer_case/index',true);<{/php}>" class="white"><{:lang('index_button_7')}></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>-->
        <{php}>if($_SERVER['HTTP_HOST'] == 'ar.horseen.com'){
        }else{<{/php}>
        <div data-type="section" class="section product7" >
            <div class="item">
                <div class="product-inner">
                    <div class="text text-center">
                        <h2 style="color:white;"><{:lang('get_in_touch')}></h2>
                        <div class="touch">
                            <div class="left">
                                <div class="ad">
                                    <h3><{:lang('address')}></h3>
                                    <p><{:lang('address_1')}></p>
                                </div>
                                <div class="phone">
                                    <h3><{:lang('mobile')}></h3>
                                    <p><{:lang('mobile_1')}></p>
                                </div>
                                <div class="em">
                                    <h3><{:lang('email')}></h3>
                                    <p> info@shhorse.com </p>
                                </div>
                            </div>
                            <div class="fm">
                                <form id="form1" name="form1" method="post" action="">
                                    <input name="wd" id="w1" placeholder="<{:lang('home_name')}>" type="text" size="30" value="" autocomplete="off" />
                                    <input name="wd" id="w2" placeholder="<{:lang('email')}>" type="text" size="30" value="" autocomplete="off" />
                                    <br />
                                    <input name="wd" id="w3" placeholder="<{:lang('home_phone_number')}>  " type="text" size="30" value="" autocomplete="off" />
                                    <br />
                                    <textarea name="a" id="w4" placeholder="<{:lang('home_tell_us_what_you_need')}>"></textarea>
                                    <br />
                                    <a type="submit" id="Su" tabindex="2" value="<{:lang('home_submit')}>" style="cursor:hand;height:40px;line-height: 40px;cursor: pointer;display: inline-block;font-size: 20px;" /><{:lang('home_submit')}></a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <{php}>}<{/php}>
        <div data-type="section" class="section product8">
            <div class="footer panel-footer" id="footer">
                <div class="container container-fluid ">
                    <div class="row" id="mtB3">
                        <div class="col-sm-3 col-xs-6 ">
                            <h2><{:lang('about_horse')}></h2>
                            <ul class="list-unstyled">
                                <li><a href="<{php}> echo $query->U('index/about/index',true);<{/php}>"><{:lang('company_profile')}></a></li>
                                <!--<li><a href="javascript:;"><{:lang('social_responsibility')}></a></li>-->
                                <li><a href="<{php}> echo $query->U('index/about/history',true);<{/php}>"><{:lang('development_history')}></a></li>
                                <li><a href="<{php}> echo $query->U('index/about/factory',true);<{/php}>"><{:lang('production_base')}></a></li>
                            </ul>
                        </div>
                        <div class="col-sm-3 col-xs-6 ">
                            <h2><{:lang('product_center')}></h2>
                            <ul class="list-unstyled">
                                <!--<li><a href="javascript:;">Carbon Fiber Strengthening System</a></li>
                                <li><a href="javascript:;">Prestress Carbon Fiber System</a></li>
                                <li><a href="javascript:;">Fixing System</a></li>
                                <li><a href="javascript:;">Steel Bonding System</a></li>
                                <li><a href="javascript:;">Crack Repair System</a></li>
                                <li><a href="javascript:;">Bridge Bearing Pad System</a></li>-->
                                <?php $sysProductCats = $query->getProductCat('sys'); ?>
                                <{volist name="sysProductCats" id="item"}>
                                <li><a href="<{php}> echo $query->U('index/product/syslist/id/'.$item['id'],true);<{/php}>"><{$item.name}></a></li>
                                <{/volist}>
                                <!--<li><a href="/index/index/privates">PRIVATE POLICY</a></li>-->
                            </ul>
                        </div>
                        <div class="col-sm-6 col-xs-12 ">
                            <h2><{:lang('home-keep in youch')}></h2>
                            <ul class="list-unstyled pic">
                                <li><a class="f" href="https://www.facebook.com/HORSEcarbonfiber" target="_blank"></a></li>
                                <li><a class="niao" href="https://www.linkedin.com/company/13341903/admin/" target="_blank"></a></li>
                                <li><a class="in" href="https://www.linkedin.com/m/login/" target="_blank"></a></li>
                                <li><a class="you" href="https://www.youtube.com/channel/UCIwzK_BXoN2xRbm_JXJkUkQ" target="_blank"></a></li>
                                <li><a class="g" href="https://plus.google.com/u/0/101599125920715614480" target="_blank"></a></li>
                                <!-- <li><a href="#">绿色建材设备</a></li> -->
                            </ul>
                        </div>




                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="mousetip" data-click="next">
</div>
<script src="/static/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script>
    $('.navigation').mouseover(function() {
        $('.navigation').css('background', 'url(images/navIco3.png)');
    });
    $('.navigation').mouseleave(function() {
        $('.navigation').css('background', 'url(images/navIco1.png)');
    });
    $('.navigation').click(function () {
        $('.menu ul').toggleClass('hide');
    });
    $(".menu .yewu a").click(function(){
        $(".yewu_ol").stop(true,true).slideDown(300);
    });
    $(".menu .yewu").mouseleave(function(){
        $(".yewu_ol").stop(true,true).slideUp(300);
    });

    $("#Su").click(function(){
        var email = $("#w2").val();
        var name = $("#w1").val();
        var phone = $("#w3").val();
        var content = $("#w4").val();

        $.post('/index/index/sendMail',{name:name,email:email,phone:phone,content:content,needemail:1,fromUrl:"https://www.horseen.com"},function(data){
            alert(data.message);
        },'JSON');
    });
</script>
<script type="text/javascript" src="/static/js/pagescroll.js"></script>
<script type="text/javascript">
    function changeLanguage(){
        $("#language_change").toggle();
    }

    $("#container").PageScroll({
        selectors : {
            page : '.nav'
        },
        duration: 900,
        easing : "cubic-bezier(0.23, 1, 0.32, 1)"
    });
    (function contentLoaded(win, fn) {
        var done = false, top = true,
                doc = win.document,
                root = doc.documentElement,
                modern = doc.addEventListener,
                add = modern ? 'addEventListener' : 'attachEvent',
                rem = modern ? 'removeEventListener' : 'detachEvent',
                pre = modern ? '' : 'on',
                init = function(e) {
                    if (e.type == 'readystatechange' && doc.readyState != 'complete') return;
                    (e.type == 'load' ? win : doc)[rem](pre + e.type, init, false);
                    if (!done && (done = true)) fn.call(win, e.type || e);
                },
                poll = function() {
                    try { root.doScroll('left'); } catch(e) { setTimeout(poll, 50); return; }
                    init('poll');
                };
        if (doc.readyState == 'complete') fn.call(win, 'lazy');
        else {
            if (!modern && root.doScroll) {
                try { top = !win.frameElement; } catch(e) { }
                if (top) poll();
            }
            doc[add](pre + 'DOMContentLoaded', init, false);
            doc[add](pre + 'readystatechange', init, false);
            win[add](pre + 'load', init, false);
        }
    }(window, function(){
        var video = '<video autoplay preload muted loop poster="images/banner_01.jpg" id="bgvid">'+
                '<source src="/videos/mainpageLoop.mp4" type="video/mp4">'+
                '</video>';
        $('.video').append($(video));
        document.getElementById('bgvid').play();
        !function(){var i=navigator.userAgent.toLowerCase(),a="ipad"==i.match(/ipad/i),o="iphone os"==i.match(/iphone os/i),e="midp"==i.match(/midp/i),m="rv:1.2.3.4"==i.match(/rv:1.2.3.4/i),d="ucweb"==i.match(/ucweb/i),t="android"==i.match(/android/i),c="windows ce"==i.match(/windows ce/i),n="windows mobile"==i.match(/windows mobile/i);(a||o||e||m||d||t||c||n)&&$(".start").removeClass("mask-bg").find("video").remove()}();
//sidebar
        $wrapper = $(document.body || document.documentElement);
        $('.icon-toggle').on('click',function(e) {
            e.preventDefault();
            e.stopPropagation();
            $('.sidebar').stop(true).addClass('s-translate');
            $wrapper.css({
                'height': $(window).height(),
                'overflow': 'hidden'
            });
        })
        $('.left-arrow-icon').on('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            $('.sidebar').stop(true).removeClass('s-translate');
            $wrapper.css({
                'height': 'auto',
                'overflow': 'auto'
            });
        })
        $('.sidebar').on('click', function(e) {
            e.stopPropagation();
        });
        $('.sidebar-menu > li').each(function(){
            var _t = $(this);
            _t.find('a').first().on('click',function(e){
                e.stopPropagation();
                _t.find('.sidebar-sub-menu').slideToggle().parent().siblings('li').find('.sidebar-sub-menu').slideUp();
            })
        });
        $wrapper.on('click', function() {
            $('.sidebar').stop(true).removeClass('s-translate');
            $(this).css({
                'height': 'auto',
                'overflow': 'auto'
            });
        });
    }));
</script>
<script>
    (function(h,e,a,t,m,p) {
        m=e.createElementment(a);
        m.async=!0;
        m.src=t;
        p= e.getElementsBytsByTagName(a)[0];
        p.parentNode.insertBefore(m,p);
    })(window,document,'script','','https://u.heatmap.it/log.js');
</script>
</body>
</html>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8TDJW2"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script language="javascript" src="https://dut.zoosnet.net/JS/LsJS.aspx?siteid=DUT58172512&float=1&lng=en"></script>